@import 'vars.less';

.wrapper-header-nav {
    position: relative;
    .layout-logo {
        float: left;
        padding-left: 56px;
        width: @nav-width;
        height: 60px;
        line-height: 60px;
        background: url('../imgs/logo_64.png') no-repeat center center;
        font-size: @fz16;
        font-weight: bold;
    }
    .layout-nav {
        float: left;
        height: 100%;
    }
    .ivu-menu-item i {
        margin-right: 6px;
    }
    .header-aside {
        position: absolute;
        right: 0;
        top: 20px;
        z-index: 9999;

        .header-aside-dropdown {
            min-width: 186px;
            color: #657180;
            margin-top: 12px;
            padding-top: 12px;
            border-top: 1px solid #e3e8ee;
        }

        .ivu-dropdown {
            .ivu-dropdown-rel {
                .ivu-icon {
                    position: relative;
                    right: 20px;
                    font-size: 20px;
                }
            }
            .ivu-select-dropdown {
                padding: 12px;
                .ivu-icon {
                    padding: 3px 5px;
                    border-radius: 50%;
                    background: #657180;
                    color: #fff;
                    margin-right: 6px;
                }
                &:before {
                    content: "";
                    display: block;
                    width: 0;
                    height: 0;
                    border-left: 5px solid transparent;
                    border-right: 5px solid transparent;
                    border-bottom: 5px solid #efefef;
                    position: absolute;
                    top: -5px;
                    right: 20px;
                }
            }
        }
    }
}
